<!doctype html>
<html lang="en">
<head>
    <title>广州市老旧小区微改造规划设计方案竞赛</title>
    <link rel="import" href="/src/page/head.html?__inline">
</head>
<body>
<!--头部导航-->
<link rel="import" href="/src/page/nav.html?__inline">

<!--内容-->
<div class="c-content news">
    <div class="c-title">
        <span>大赛回顾</span>
    </div>
    <div class="center">
        <div class="left">
            <ul>
                <li v-for="item in lists">
                    <a class="pic" target="_blank" v-bind:href="item.outlink_url" v-bind:style="{ 'background-image' : 'url('+item.cover+')' }"></a>
                    <a class="dt" target="_blank" v-bind:href="item.outlink_url" v-html="item.title"></a>
                    <div class="dd" v-html="item.summary"></div>
                </li>
            </ul>
            <div class="more-new-btn">点击加载更多</div>
        </div>
        <div class="rule">
            <div class="title">时间安排</div>
            <div class="area">
                竞赛报名：2017年6月20日（北京时间，下同）至7月5日<br>
                竞赛起止：2017年7月6日起至2017年8月20日截止。<br>
                评审阶段：2017年8月21日- 8月31日<br>
                通报结果：2017年9月1日<br>
                评奖阶段：2017年9月1日- 9月7日<br>
                颁奖阶段：2017年9月20日<br>
                备注：具体以组织单位公布为准
            </div>
            <div class="title">竞赛方式</div>
            <div class="area">
                本次竞赛采取报名海选竞赛形式，通过在市城市更新局发布报名公告，公开接受国内外设计单位(个人/团体)的网上报名。
                由评审专家组对报名的设计单位(个人/团体)进行作品评选，5个项目各选出4家设计单位(个人/团体)再进行公众网络投票和相关老旧小区居民现场投票评选，按照综合评分（专家评审得分70%+公众网络投票得分10%+相关老旧小区居民现场投票得分20%）确定获奖排名。
            </div>
            <div class="title">竞赛奖金</div>
            <div class="area">
                报名成功的参赛单位(个人/团体)按竞赛技术材料要求报送竞赛成果文件,并经评审评为优秀方案的可按获奖名次获得奖励(5个项目分别设置奖项)。<br><br>
                一等奖：奖金30000元+获奖证书；<br>
                二等奖：奖金20000元+获奖证书；<br>
                三等奖：奖金10000元+获奖证书；<br>
                佳作奖：奖金5000元+获奖证书。
            </div>
        </div>
    </div>
</div>

<!--底部-->
<link rel="import" href="/src/page/footer.html?__inline">
<script>
    var vm, indexlists = [], page = 1, pageSize = 20, islock = true;

    function loadData() {
        if(!page || !islock) return;
        islock = false;
        $.ajax({
            type:'get',
            url : 'http://zt4.oeeee.com/www/ExtraData/getData/db/2017ndjlgzw/category/review/pageSize/'+pageSize+'/page/'+page,
            dataType : 'JSONP',
            jsonpCallback : 'jqgz',
            success : function (json) {
                if(json.status==0){
                    var lists = json.data;
                    if(page == 1){
                        for (var i=1;i<4;i++){
                            indexlists.push(lists[i]);
                        }
                        vm = new Vue({
                            el : '.news',
                            data: {
                                lists : lists,
                                indexlists : indexlists
                            }
                        })
                    }else{
                        vm.lists = vm.lists.concat(lists);
                    }
                    // 是否还有下一页
                    if(json.extra.currentPage == json.extra.totalPage){
                        page = false;
                        $('.more-new-btn').hide();
                    }else{
                        page++;
                        $('.more-new-btn').show();
                    }

                    islock = true;
                }
            }
        })
    }

    loadData();

    // 点击加载更多
    $(document).on('click','.more-new-btn',function () {
        loadData();
    })
</script>
</body>
</html>